<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#main {width: 200px;height: 30px;display: flex;}
			.d {flex: 1;text-align: center;line-height: 30px;}
			.d:hover{background-color: #e0e0e0;}
			.d2 {flex: 3;}
			#NumInput {
				width: 100%;
				height: 100%;
				border: none;
				outline: none;
				padding: 0;
				text-align: center;
				}
		</style>
	</head>
	<body>
		<table border="1px" cellspacing="0" cellpadding="0">
			<tr>
				<th>单价</th>
				<th>数量</th>
				<th>小计</th>
			</tr>
			<tr>
				<td class="price">199</td>
				<td>
					<div id="main">
						<div class="d" onclick="minus">-</div>
						<div class="d2">
							<input type="text" id="NumInput" onblur="ItenBlur(this)" />
						</div>
						<div class="d" onclick="plus">+</div>
					</div>
				</td>
				<td></td>
			</tr>
		</table>
		<p>共<span id="Num">0</span>件商品</p>
		<p>合计<span id="Total">0</span>元</p>
		
		<script type="text/javascript">
			
		</script>
	</body>
</html>
